layui.use(['table', 'form', 'laydate'], function () {
    let table = layui.table;
    let form = layui.form;
    let url = 'http://localhost:8080';

    // 创建渲染实例
    table.render({
        elem: '#table'
        , url: url + '/back/comment/all' // 此处为静态模拟数据，实际使用时需换成真实接口
        , where: {loginName: sessionStorage.getItem("username")}
        , height: 'full-200' // 最大高度减去其他容器已占有的高度差
        , cellMinWidth: 80
        , page: true //开启分页
        , cols: [[
            {field: 'id', fixed: 'left', width: 60, title: 'ID', sort: true}
            , {field: 'username', width: 100, title: '用户名称'}
            , {field: 'appellation', width: 100, title: '称呼'}
            , {field: 'email', width: 100, title: '用户邮箱'}
            , {field: 'title', width: 100, title: '标题'}
            , {
                field: 'enable', width: 120, title: '启用停用', templet: function (d) {
                    return d.enable === 1 ? '启用' : '停用'
                }
            }
            , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
        ]]
    })

    //触发单元格工具事件
    table.on('tool(table)', function (obj) { // 双击 toolDouble
        let data = obj.data;
        //console.log(data);
        if (obj.event === 'del') {
            layer.confirm('真的删除行么', function (index) {
                let res = myAjax("/back/comment/delete", data, "post");
                if (res != null) {
                    if (res.count === 1) {
                        layer.alert("删除成功");
                        obj.del();
                        layer.close(index);

                    } else {
                        layer.alert("删除失败")
                    }
                }
            });
        } else if (obj.event === 'show') {
            sessionStorage.setItem("commentId", data.id);
            xadmin.open('留言详情', '../comment/comment-show.html', 800, 600);
        }
    });


    form.on('submit(sreach)', function (res) {
        let data = res.field;
        data.loginName = sessionStorage.getItem("username");
        table.render({
            elem: '#table'
            , url: url + '/back/comment/all' // 此处为静态模拟数据，实际使用时需换成真实接口
            , where: data
            , height: 'full-200' // 最大高度减去其他容器已占有的高度差
            , cellMinWidth: 80
            , page: true //开启分页
            , cols: [[
                {field: 'id', fixed: 'left', width: 60, title: 'ID', sort: true}
                , {field: 'username', width: 100, title: '用户名称'}
                , {field: 'appellation', width: 100, title: '称呼'}
                , {field: 'email', width: 100, title: '用户邮箱'}
                , {field: 'title', width: 100, title: '标题'}
                , {
                    field: 'enable', width: 120, title: '启用停用', templet: function (d) {
                        return d.enable === 1 ? '启用' : '停用'
                    }
                }
                , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
            ]]
        })
        return false;
    })
});